<template>
  <div>
    <div>
        <div class="aa">退款信息</div>
        <div class="a">		
	   	  <div class="b">
	   	  	 <div class="b_1">
	   	  	 	<img :src="info.goodsImage" alt="" />
	   	  	 </div>
	   	  	 <div class="b_2">
	   	  	 	<div class="b_21">{{info.comName}}</div>
	   	  	 	<div class="b_22">数量 X{{info.goodsCount}}</div>
	   	  	 </div>
	   	  </div>
	   	  <div style="padding-bottom: 15px;">
	         <div class="txt"><span>退款金额</span><span style="float:right;">¥ {{formatFixed2(data.adminRefundAmount)}}</span></div> 
	         <div class="txt"><span>退款类型</span><span style="float:right;">{{formatRefundReason(data.refundType)}}</span></div>
	         <div class="txt"><span>退款原因</span><span style="float:right;">{{data.refundReason}}</span></div>
	         <div class="txt" style="display: flex;align-items: center;">
	         	<div style="width: 60px">退款编号</div>
	         	<div style="flex: 1;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: right;">{{data.refundSn}}</div>
	         </div>
	         <div class="txt"><span>申请时间</span><span style="float:right;">{{data.refundAddTime}}</span></div>	 
        </div>
	    </div>
    </div>
  </div>
</template>

<script>
import { getFun } from "@/api/publicFun.js";
let publicFun = getFun();
export default {
  data() {
    return {
    };
  },
  props:['data','info'],
  methods: {

    
  },
  mixins: [publicFun], //混入
  mounted() {

  }
};
</script>

<style scoped="">
.aa{padding: 15px 0px;font-size: 14px;font-weight:500;}
.b{display: flex;padding: 15px 0;border-top: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;}
.b_1 img{width: 60px;height: 60px;display: block;border-radius: 5px;}
.b_2{flex: 1;padding: 0 20px 0 10px;}
.b_21{font-size: 14px;display: -webkit-box;font-weight: bold;opacity: 0.75;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.b_22{color: #ccc;margin-top: 5px;}
.txt{font-size:12px;color:#999999;padding: 15px 15px 0 0;}
</style>